<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!--引入Vue-->
  <script type="text/javascript" src="../js/vue.js"></script>
  <title>事件修饰符</title>
</head>

<body>
  <div id="root">
    <!--阻止默认事件（常用）-->
    <a href="https://www.bilibili.com"  @click.prevent="showInfo">点我提示信息</a>
    <!--事件只触发一次（常用）-->
    <button @click.once="showInfo">只触发一次，第二次没用</button>
  </div>


  <script type="text/javascript">
    Vue.config.productionTip=false

    let data={
      name:'尚硅谷',
      address:'就这样'
    }

    const vm=new Vue({
      el:'#root',
      data,
      methods:{
        showInfo(e)
        {
          alert('我草1')//此处的this就是vm
        }
      }
    })
  </script>
</body>

</html>